دو مثال از پرکاربرد ترین لیستها در HTMLلیستهای تروتمیز و  طراحی سایت لیستهای شلوغ می‌باشند. در لیستهای تروتمیز ترتیب بخشهای متفاوت لیست معین میگردد البته در لیستهای به هم ریخته این ترتیب معلوم نمی‌شود.
·لیستهای نا مرتب
در لیستهای به هم ریخته برای عنصرها لیست از شماره و عدد یا این که حروف الفبا به کارگیری نمی‌شود. موادسازنده این معمولاً با یک دایره تو مالامال معلوم میشوند. تگ اولِ آن
میباشد و تگ نهایی آن
میباشد. برای مستقل کردن هر قسمت لیست در اولِ آن از تگ
استعمال میشود. بهتر میباشد هر تگ
که گشوده میگردد با
بسته خواهد شد. در تحت یک نمونه برای این نوع لیست آورده شده‌است:

قسمت اولیه لیست

بخشدوم لیست

قسمت سوم لیست

نمونه بالا یک لیست بولت دار با سه نصیب را به ما میدهد:
نصیب اولیه لیست
قسمت دوم لیست
قسمت سوم لیست
بدین نکته هم اعتنا نمائید که
نیازی به تگ آخری ندارد اما بهتر میباشد از تگ آخری آن یعنی
مصرف شود.. مسافت متن لیست گردیده از اولِ خط هم پاره ای از سایر متن بیشتر میگردد. شما میتوانید این مسافت را با اضافه کردن تگ
بیشتر فرمایید تنها به خیال و خاطر داشته باشید تگهایی را که گشوده نموده اید در پایان لیست ببندید.در پایین یک نمونه برای این مثال لیست آورده شده‌است:

خط اوللیست

خط دوم لیست

خط سوملیست

سود این امر به صورت تحت خواهد بود:
خط نخستین لیست
خط دوم لیست
خط سوم لیست
از شناسه typeمی قدرت در تگ
به کار گرفت و ظواهر لیست را تغییر تحول اعطا کرد.
·شناسه type
از این شناسه در لیستهای نامرتب برای معین کردن صورت نشانه معلوم کننده هر قسمت به کار گیری میشود. این شناسه میتواند مقادیر پایین را داشته باشد:
circle
با قرار دادن این مقدار برای لیست نشانه ابتدایی هر قسمت به صورت یک دایره تو خالی در می‌آید.
disc
این مقدار صورت نشانه اولِ هر بخش از لیست را به یک دایره تو مالامال تغییر و تحول می‌دهد.
square
این مقدار صورت آرم لیست را به طور یک مربع تو لبریز در میاورد.
به خاطر داشته باشید که از شناسه typeهم می اقتدار در تگ
بهره برد و هم در تگ
. در صورتیکه که برای تگ
از این شناسه استعمال شود آرم مرتبط با تمامی قسمتهای لیست تغییر میکند ولی در صورتی برای تگ
از این شناسه استعمال شود صرفا نشانه مرتبط با به عبارتی نصیب از لیست تغییر میکند.
در نمونه پایین میتوانید شیوه اکران لیست با به کارگیری از شناسه typeرا در حالات گوناگون ببینید. ما از کد ذیل برای ساختن این لیست آزمایشی به کار گیری میکنیم:

بخش اوللیست

نصیب دوم لیست

نصیب سوم لیست

میتوانید لیست به دست آمده را در اینجا ببینید. به خیال و خاطر داشته باشید که در مرورگرهای گوناگون ممکن میباشد طرز اکران لیستها متعدد باشد.
نصیب نخستین لیست
بخش دوم لیست
بخش سوم لیست
درصورتی که می‌خواهید از تگ
برای لیست خویش استعمال فرمائید در‌این فعالیت اعتنا فرمایید. زیرا ممکن میباشد مجموع سطرهای متن شما به یک اندازه نباشند. در‌این‌حالت‌ جای اینکه لیستی در یک خط و بدون واسطه داشته باشید ممکن میباشد لیستی در هم ریخته و نا مرتب به وجود آید. مانند تحت:

نصیب اولیه لیست که بلندتراز سایر سطرهای لیست میباشد

قسمت دوملیست

نصیب سوم لیست در سطرآخر

لیست پایانی بدین شکل در شیت مشهود است.
نصیب اولیه لیست که بلندتر از سایر سطرهای لیست میباشد
قسمت دوم لیست
نصیب سوم لیست در سطر انتها
در شرایطی که شما در یک ورقه بیشتر به لیستها نیاز دارید میتوانید از طریق بالا به کارگیری نمائید ولی می بایست بدانید که ممکن میباشد ظواهر لیست در اندازه های متفاوت پنجره مرورگر به هم بخورد. راه و روش دیگری که برای دوری از این به هم خوردگی وجود دارااست استعمال از یک Tableاست که بعداً در زمینه‌ی آن توضیح خوا هیم بخشید.
·لیستهای تروتمیز
شما میتوانید در زمینه ی لیستهای تروتمیز هم مانند لیستهای به هم ریخته کار نمایید تنها کافیست به مکان به کار گیری از
و
از تگهای
و
به کارگیری فرمایید. به یک نمونه در این مورد دقت فرمائید:

نصیب نخستین لیست

بخشدوم لیست

قسمت سوم لیست

فیض به طور لیستی شماره گذاری گردیده ظواهر می‌گردد:
نصیب نخستین لیست
قسمت دوم لیست
قسمت سوم لیست
برای در دست گرفتن تگ
از چندین شناسه می قدرت بهره برد
1.شناسه start
در خصوص لیستهای تر و تمیز با به کار گیری از شناسه startدر تگ
خواهیم توانست گزینش کنیم که شماره های لیست از چه عددی استارت خواهد شد. به نمونه ذیل اعتنا نمایید:

این سطر نخستین لیست میباشد ولیشماره آن 15 میباشد.

سود به طور تحت مشهود است:
این سطر نخستین لیست میباشد اما شماره آن 15 میباشد.

2.شناسه type
این شناسه در لیستهای آراسته هم مانند لیستهای نا مرتب برای تغییر تحول نماد ابتدایی هر قسمت از لیست به کار گیری می گردد که در اینجا شماره ای میباشد که برای هر بخش از لیست به کارگیری می گردد. از این شناسه می‌توانید به طور ذیل به کار گیری نمائید:
\"type=\"1
با این شناسه بخشهای لیست با اعداد ریاضی مشخص و معلوم می گردند.
\"type=\"A
با استعمال از این شناسه بخشهای لیست با حروف عظیم انگلیسی معلوم می گردند.
\"type=\"a
با استعمال از این شناسه بخشهای لیست با حروف کوچک انگلیسی معلوم میگردند.
\"type=\"I
با استعمال از این شناسه بخشهای لیست با حروف وسیع یونانی معلوم می گردند.
\"type=\"i
با استعمال از این شناسه بخشهای لیست با حروف کوچک یونانی معلوم میشوند.
این شناسه هم می‌تواند در تگ
استعمال شود و هم در تگ
و در این باره مانند لیستهای نا مرتب فعالیت می نماید.
در نمونه پایین میتوانید روش اکران حالات متعدد لیست را با استعمال از شناسه typeمشاهده نمایید:

بخش اوللیست

نصیب دوم لیست

بخش سوم لیست

نصیب چهارملیست

نصیب پنجم لیست

سود به طور ذیل خواهد بود:
بخش نخستین لیست
بخش دوم لیست
نصیب سوم لیست
نصیب چهارم لیست
بخش پنجم لیست